﻿var viewportWidth = $(window).width();
//var viewportHeight = $(windows).height();

$(document).ready(function(){
	if(viewportWidth>1024){
		$("body").css("background","#333333");
		$("#wrap").append("<p>Estamos, no momento usando uma resolução maior que 1024 px</p>");
		$("#wrap").append("<p>A resolução que estamos usando no momento é:"+viewportWidth+"px</p>");
		$("p").css("color","#FFFFFF");
		
	}

	if(viewportWidth=1024){
		$("body").css("background","#F23F23");
		$("#wrap").append("<p>Estamos, no momento usando uma resolução maior que 1024 px</p>");
		$("#wrap").append("<p>A resolução que estamos usando no momento é:"+viewportWidth+"px</p>");
		$("p").css("color","#FFFFFF");
	}

	if(viewportWidth<=800){
		$("body").css("background-color","#CF2CF2");
		$("#wrap").append("<p>Estamos, no momento usando uma resolução maior que 1024 px</p>");
		$("#wrap").append("<p>A resolução que estamos usando no momento é:"+viewportWidth+"px</p>");
		$("p").css("color","#FFFFFF");
	}
	
	
});
